<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>商品列表</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/dl_productlist.css" />
</head>
<body>
    <!-- v-cloak -->
    <div id="app" v-cloak>
        <div class="aui-content top">
            <div class="aui-row" id="top_menus">
                <div class="aui-col-xs-4" v-for="(item,index) in menulist">
                    <div    v-bind:id="'box'+index" :class='[index==0?"menu_chk":""]' v-on:click="product_search(item.text,item.id,index)">
                        {{item.text}}
                    </div>
                </div>
                <div style="clear:both;">
                </div>
                <!-- 排序-->
                <div class="paixu">
                    <ul>
                        <li v-for="item in sortorders" v-bind:class="{'active':item.is_active}" v-on:click=search_sort(item)><span>{{item.title}}</span>
                            <i v-if="item.index==1||item.index==2||item.index==3">
                              <img v-if="item.sort_by_price==1||!item.is_active" src="../image/icon/shengjiang.png" />
                              <img v-if="item.sort_by_price==2&&item.is_active" src="../image/icon/shengxu.png" />
                              <img v-if="item.sort_by_price==3&&item.is_active" src="../image/icon/jiangxu.png" />
                            </i>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript " src="js/dl_productlist.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
</html>
